<template>
  <div class="auth-container">
    <StepOne ref="stepOne" @next="handleNextStep" />
    <div v-if="currentStep === 1">
      <h2>步骤二的内容</h2>
      <!-- 在这里添加步骤二的组件或逻辑 -->
    </div>
  </div>
</template>

<script>
import StepOne from "@/views/auth/StepFive.vue";
import LayoutHeader from "@/layout/official/layout-header.vue";

export default {
  name: "AuthParent",
  components: {
    LayoutHeader,
    StepOne,
  },
  data() {
    return {
      currentStep: 0, // 当前步骤编号
    };
  },
  methods: {
    // 父组件中的方法，用来更新步骤
    handleNextStep() {
      this.currentStep = 1; // 更新当前步骤编号到步骤二
    },
  },
};
</script>

<style scoped>
.auth-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  min-height: calc(100vh - 200px);
  background-color: #fff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  margin-top: 20px;
}
</style>
